import React from "react";
import { useEffect } from "react";
import axios from "axios";
import MapOne from "./components/MapOne";
import { AutoComplete, Map, Marker } from "react-bmapgl";

const BMapGL = window.BMapGL;
export default function Mndex() {
  /** 
    useEffect(() => {
        // 创建地图实例
        const map = new BMapGL.Map("container");
    
        // 创建点坐标
        const point = new BMapGL.Point(116.404, 39.915);
        // 初始化地图，设置中心点坐标和地图级别 y36Zap7PonUPOROKW7ZmeUY6GZk71kYn
        map.centerAndZoom(point, 15);
        // 开启鼠标滚轮缩放
        map.enableScrollWheelZoom(true);
        // 设置地图旋转角度
        // map.setHeading(64.5);

        // 设置地图俯视角度
        map.setTilt(73);

        // 变更地图类型
        map.setMapType(window.BMAP_EARTH_MAP);



        // 创建标注对象并添加到地图
        const marker = new BMapGL.Marker(point);
        map.addOverlay(marker);




        // 创建信息窗口对象
        const infoWindow = new BMapGL.InfoWindow("<p style='font-size:14px;'>欢迎使用百度地图GL</p>", {
          offset: new BMapGL.Size(0, -10),
          // title: "Hello"
        });
        // 打开信息窗口
        marker.openInfoWindow(infoWindow);
        // 关闭信息窗口
        marker.closeInfoWindow();

      }, []);

**/

  // useEffect(() =>{
  //     const params = {
  //         query:'广州',
  //         // region:'',
  //         city_limit:false,
  //         output:'json',
  //         ak:'y36Zap7PonUPOROKW7ZmeUY6GZk71kYn'
  //     }
  //     axios.get('https://api.map.baidu.com/place/v2/suggestion',{params}).then(
  //         res => {
  //             console.log(res)
  //         }
  //     )
  // },[])
  return (
    <div id='container' style={{padding:'20px'}} >
       <div>
          <MapOne></MapOne>
       </div>
    </div>
   
  );
}
